<template>
    <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
        <router-view v-slot="{ Component }">
            <component :is="Component"></component>
        </router-view>
    </n-config-provider>
    <NMessageProvider>
        <NMessage />
    </NMessageProvider>
    <NDialogProvider>
        <NDialog />
    </NDialogProvider>
    <NLoadingBarProvider>
        <NLoadingBar />
    </NLoadingBarProvider>
</template>

<script lang="ts" setup>
import { zhCN, dateZhCN } from "naive-ui";

import NMessage from "@/components/n-message/index.vue";
import NDialog from "@/components/n-dialog/index.vue";
import NLoadingBar from "@/components/n-loading-bar/index.vue";
</script>

<style>
html,
body {
    height: 100vh;
    margin: 0;
}

* {
    scrollbar-width: none;
    ::-webkit-scrollbar {
        display: none;
    }
}
</style>
